<%-- 
    Document   : formGenerarGrupos
    Created on : 12-jul-2012, 18:49:32
    Author     : Administrador
--%>
<%@page import="com.javabeans.Gestion"%>
<%@page import="com.javabeans.Facultad"%>
<%@include file="../../../controlSession.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    int i = 0;
    List<Facultad> facultades = (List<Facultad>)request.getAttribute("facultades");
    List<Gestion> gestiones = (List<Gestion>)request.getAttribute("gestiones");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM </title>
        <meta name="description" content="Derechos Reservados SI-ESFM." />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/comun.js"></script>
    </head>
    <script type="text/javascript">
        function verGrupos(){
            location.href = "Administracion?accion=125&idMenu=1&idSubMenu=4";
        }
        
        $(document).ready(function(){
           
            $("#idFacultad").change(function(){
                $("#idFacultad option:selected").each(function (){
                    idFacultad = $(this).val();
                    if(idFacultad != ""){
                        j = 0;
                        texto_insertar = '';
                        for(i=0;i<gestiones.length;i++){
                            if(idFacultad == gestiones[i][1]){
                                texto_insertar += '<option value="'+gestiones[i][0]+'">'+gestiones[i][2]+'</option>';
                                j++;
                            }
                        }
                        switch(j){
                            case 0 : $("#idGestion").html("<option value=''>Seleccione</option>"); break;
                            case 1 : $("#idGestion").html(texto_insertar); break;
                            default : $("#idGestion").html("<option value=''>Seleccione</option>"+texto_insertar);
                        }
                    }else{
                        $("#idGestion").html("<option value=''>Seleccione</option>");
                    }
                });
            });
            
            $("#botonVerGrupos").click(function() {
                idFacultad = $("#idFacultad").val();
                idGestion = $("#idGestion").val();
                if(idFacultad == ""){
                    alert("Seleccione una Unidad Academica");//TILDE
                    $("#idFacultad").focus();
                }else{
                    nomFacultad = "";
                    nomGestion = "";
                    $("#idFacultad option:selected").each(function (){
                        nomFacultad = $(this).text();
                    });
                    $("#idGestion option:selected").each(function (){
                        nomGestion = $(this).text();
                    });
                    $.ajax({
                        type: 'GET',
                        url: 'Administracion',
                        data:{ accion:137,idFacultad:idFacultad,nomFacultad:nomFacultad},
                        beforeSend: function(objeto){
                            // aca mostrar la imagen onLoad :)
                        },
                        success: function(res){
                            $('#res').html(res);
                        },
                        error:function(){alert("Error! al mostrar los grupo.")}
                    });
                }
            });
            
            $("#botonGenerar").click(function() {
                idFacultad = $("#idFacultad").val();
                idGestion = $("#idGestion").val();
                if(idFacultad == ""){
                    alert("Debe seleccione una Unidad Acad&eacute;mica");
                    $("#idFacultad").focus();
                }else if(idGestion == ""){
                    alert("Debe seleccione una Gesti&oacute;n");
                    $("#idGestion").focus();
                }else{
                    nomFacultad = "";
                    nomGestion = "";
                    $("#idFacultad option:selected").each(function (){
                        nomFacultad = $(this).text();
                    });
                    $("#idGestion option:selected").each(function (){
                        nomGestion = $(this).text();
                    });
                    $.ajax({
                        type: 'GET',
                        url: 'Administracion',
                        data:{ accion:138,idFacultad:idFacultad,idGestion:idGestion,nomFacultad:nomFacultad,nomGestion:nomGestion},
                        beforeSend: function(objeto){
                            // aca tengo que cargar la imagen onLoad y desactivar el boton
                        },
                        success: function(res){
                            $('#res').html(res);
                        },
                        complete: function(objeto, exito){
                            i = 0;
                            $("#idFacultad option").each(function(){
                                if($(this).val() == ""){
                                    $(this).attr("selected", "true");
                                }
                            });
                            $("#idGestion").html("<option value=''>Seleccione</option>");
                        },
                        error:function(){alert("Error! al generar los grupos.")}
                    });
                }
            });
        });

        function resetGestion(){
            document.getElementById("idCarrera").selectedIndex = 0;
        }
    </script>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../../../head.jsp" %>
            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                        <li><a href="<%=s_path%>/principal.jsp">Home</a></li>
                        <li><span style="color:#666">Administraci&oacute;n</span></li>
                        <li class="current-page"><span class="end"><span class="middle">Generar Grupos</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                <div id="principal">
                    <!-- todo el cuerpo disponible para el area de trabajo -->
                    <div class="cuerpoCompleto" style="border: 0px solid">
                        <div class="innerLeft" style="border: 0px solid">
                            <!-- supuestamente aca biene el contenido -->
                            &nbsp;<label for="idFacultad"><b>SELECCIONE UNIDAD ACAD&Eacute;MICA :&nbsp;</b></label>
                            <select name="idFacultad" id="idFacultad" title="Seleccione unidad acad&eacute;mica">
                                <option value="">Seleccione</option>
                            <%
                                for(Facultad f:facultades)
                                    out.println("   <option value='"+f.getIdFacultad()+"' >"+f.getNombre()+"</option>");
                            %>    
                            </select>&nbsp;&nbsp;
                            <label for="idGestion"><b>SELECCIONE GESTI&Oacute;N :&nbsp;</b></label>
                            <select name="idGestion" id="idGestion"  title="Seleccione una Gesti&oacute;n">
                                <option value="">Seleccione</option>
                            </select>&nbsp;&nbsp; 
                            <input type="button" id="botonVerGrupos" value="Ver Grupos" class="boton" title="Pulsa aqui para ver los grupos" />&nbsp;&nbsp;
                            <input type="button" id="botonGenerar" value="Generar Grupos" class="boton" title="Pulsa aqui para ver los grupos" />
                            
                            <center>
                                <div id="res">
                            <%
                                i=0;
                                out.println("<script type='text/javascript'>");
                                out.println(" gestiones = new Array();");
                                for(Gestion g:gestiones){
                                    out.print(" gestiones["+i+"] = new Array("+g.getIdGestion()+","+g.getIdFacultad()+",'"+g.getNombre()+"');");
                                    i++;
                                }
                                out.println("</script>");
                            %>    
                                </div> <!-- End id="res" -->
                            </center>
                        </div>
                    </div><!--end of leftPan-->
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            <!-- footer -->
        </div>
    </body>
</html>
